.va-navbar {
  --va-navbar-mobile-height: 6.5rem;
  --va-navbar-height: 4.0625rem;
  --va-navbar-padding-x: 1rem;
  --va-navbar-padding-y: 1.2rem;
  --va-navbar-transition: transform 0.5s ease;
  --va-navbar-position: relative;
  --va-nav-z-index: calc(var(--va-z-index-teleport-overlay) - 100);

  // sm
  --va-navbar-sm-padding: 1.1875rem 1rem 1rem;

  // background-shape
  --va-navbar-shape-width: 33%;
  --va-navbar-shape-max-width: 467px;
  --va-navbar-shape-bg: rgba(0, 0, 0, 0.5);
  --va-navbar-shape-border-left: 3.1875rem solid transparent;
  --va-navbar-shape-border-right: 3.1875rem solid transparent;
  --va-navbar-shape-transition: border-top-color 0.3s ease; // sidebar's bg color transitions as well -> consistency

  // navbar__item
  --va-navbar-item-margin: 0.75rem;
  --va-navbar-item-margin-side: calc(2 * var(--va-navbar-item-margin));
}
